<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>扫码登录</title>
  </head>
  <body style="background-image:url(../img/load.jpg);background-size:cover;font-family:song;">
  <b style="font-size:30px;margin-left:25px;"><span style="color:#CB4042">◼</span> <span>登录 LOGONING</span></b>
  </div>
   <div id="登录框" style="width:300px;height:500px;line-height:35px;margin:auto;margin-top:20px;background-color:rgba(189,192,186,0.5);color:gray;">
   <div style="width:300px;height:180px;background-image:url(../img/22.jfif);background-size:cover;background-position:center;">
   	  <a href="../index.html"><div style="width:50px;height:50px;padding-top:1%;margin-left:83%;filter:grayscale(100%) brightness(1000%);"><img src="../img/code2.png" width="90%"/></div></a>
   </div>
        <div style="text-align:center;margin:auto;margin-top:20px;width:200px;height:200px;filter:opacity(80%) ;">
           <img src="../img/qrcode.png" width="100%"/>
        </div>
   </div>
   
  </body>
  <script>
     document.getElementById('chkBtn').addEventListener('click',function(){
         var username=document.getElementById("username").value;
         var password=document.getElementById("password").value;
         if (username=='user' && password=='kpwx'){
           window.location.href='html/card.html';
           }else{
             alert('≧﹏≦又是哪个小可爱出错了');
             }
           });
  </script>
</html>